<template>
<div>
	<!--头部-->
	<div class="dd-head">
		<a href="#/MyShenDeng"><img class="dd--arrow" src="../assets/img/duanhuowang/zuo.png" alt=""/></a>
		<span class="dd-xiaoxi">神灯值明细</span>
	</div>
	<!--内容-->
	<div class="dd-cont">
		<p>邀请一位好友注册（18712340809)<br/>2017-08-10</p>
		<p class="dd-right">+10</p>
	</div>
	<!--2222-->
	<div class="dd-cont2">
		<p>邀请一位好友注册（18712340809)<br/>2017-08-10</p>
		<p class="dd-right">+10</p>
	</div>
</div>
</template>

<script>
</script>

<style>
	/*内容*/
	.dd-cont{
		margin-top: 9.6rem;
	}
	.dd-cont,.dd-cont2{
		width: 100%;
		height: 7rem;
		padding-top:3rem;
		border-bottom:0.1rem solid #CCCCCC;
		font-size: 2.4rem;
		color:#4D4D4D;
		display: flex;
		justify-content: space-around;
	}
	.dd-right{
		font-size: 3.6rem;
		color:#F8545F;
		padding-left: 15rem;
	}
	/*头部*/
	.dd-head{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 9.6rem;
		background:#e53e42;
	}
	.dd-head img{
		position: absolute;
		width: 2.3rem;
		height: 3.5rem;
		left: 2rem;
		top: 2.9rem;
		
	}
	.dd-xiaoxi{
		position: absolute;
		font-size:3.5rem;
		color:#ffffff;
		left: 28.7rem;
		top: 2.5rem;
		font-weight: 150;
	}
</style>